html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none;margin: 0;padding: 0;}
html{overflow-x: hidden;}
body{font-family:"寰蒋闆呴粦",arial,sans-serif;margin: 0;padding: 0;}
html,body{width:100%;height: 100%;}
html{font-size: 100px;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
ul,li{ padding:0;margin:0;list-style:none}
h1,h2,h3,h4,h5,h6,small{font-style: normal;font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;border:none}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0;}
body *{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
.clearfix:after{content:".";display:block;overflow:hidden;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
input,textarea,select{outline: none; -webkit-appearance:none;}
.clearOver{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

#box{
	width: 100%;
	background: url(../../img/spread/banner@2x.png)no-repeat;
	background-size:100% auto ;
}
.header{
	width:100%;
	height: 1.15rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 .27rem;
	box-sizing: border-box;
	background: url(../../img/spread/bjtb@2x.png)no-repeat;
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	z-index: 999;
}
.logo{
	width:2.95rem;
	height: 1.11rem;
}
.advert{
	width: 1.87rem;
	height: .51rem;
}
.banner{
	padding-top: 7rem;
	box-sizing: border-box;
}
.pic{
    width: 100%;
    height: 2.14rem;
    padding: 0 .20rem;
    box-sizing: border-box;
}
.pic img{
	width: 100%;
	height: 100%;
}
.download{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.bottonbox{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:space-around;
}
.downbtn1,.downbtn2,.downbtn3{
	width: 5.17rem;
	height: 1.29rem;
	background:rgba(226,8,29,1);
	box-shadow:0px 11px 29px 0px rgba(226,8,29,0.53);
	border-radius:.65rem;
	color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .20rem 0;
    font-size: .52rem;
}
.downbtn1{
	-webkit-animation: zooms  2s infinite linear;
    animation: zooms  2s infinite linear;
}
.downbtn2{
	width: 4.17rem;
	height: 1rem;
	background:rgba(61,103,212,1);
	box-shadow:0px 6px 15px 0px rgba(61,103,212,0.53);
    font-size: .42rem;
}
.downbtn3{
	background: url(../../img/spread/pgxz@2x.png)no-repeat;
	background-size: 100% 1.83rem;
}
.icon1{
	width: .70rem;
    height: .56rem;
	background: url(../../img/spread/xz@2x.png);
	background-size:100% 100% ;
	display: inline-block;
	margin-right: .33rem;
}
.icon2{
	width: .45rem;
	height: .45rem;
	background: url(../../img/spread/fh@2x.png);
	background-size:100% 100% ;
	display: inline-block;
	margin-right: .33rem;
}
.ts_1,.ts_2{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing:3px;
}
.ts_1{
	font-size: .30rem;
	color: #323434;
}
.ts_1 i{
	font-size: .36rem;
	color: #FF0B22;
}
.ts_2{
	font-size: .20rem;
	color: #787878;
	margin-top: .20rem;
}
.ts_2 i{
	color: #0096FF;
}
.title{
	display: flex;
	color: #323434;
	font-size: .48rem;
	align-items: center;
	justify-content: center;
	margin: .27rem 0;
}
.title:before{
	content: "";
	width: .54rem;
	height: .22rem;
	background: url(../../img/spread/xz1@2x.png)no-repeat;
	background-size:100% 100% ;
	margin-right: .32rem;
}

.title:after{
	content: "";
	width: .54rem;
	height: .22rem;
	background: url(../../img/spread/xz1@2x.png)no-repeat;
	background-size:.54rem .22rem;
	margin-left: .32rem;
}

.concten-box{
	width: 100%;
	display: flex;
	flex-wrap:wrap;
}
.concten{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.concten img{
	width: 3.30rem;
	height: 1.9rem;
}
.bot{
	width: 100%;
	display: flex;
	justify-content: space-around;
	margin: .21rem 0;
}
.name{
	font-size: .24rem;
	color: #1A1220;
	font-weight: 600;
}
.ts_3{
	font-size: .20rem;
	color: #72767C;
}
.b_left,.b_right{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.small_down{
	width: 1.35rem;
	height: .43rem;
	background:rgba(255,11,34,1);
	border-radius:.22rem;
	background-size:100% 100% ;	
	display: inline-block;
	font-size: .24rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.app{
	margin: 0 .25rem;
}
.app-box{
	width: 100%;
	background: #F5F5F5;
	padding: 0 .14rem;
	box-sizing: border-box;	
}
.app-concten{
	width:100%;
	height: 1.56rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-bottom: 1px solid #DCDCDC;
	padding: .20rem 0;
}
.icon{
	width: .96rem;
	height: .96rem;
}
.app-left,.app-right{
	display: flex;
	flex-direction: column;
}
.app-left{
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.app-right{
	width: 70%;
}
.top_title{
	font-size: .36rem;
	font-weight: 600;
	color: #2A2A2A;
	margin-bottom: .22rem;
}
.des{
	font-size: .20rem;
	color: #707780;
	letter-spacing:2px;
}
.ts_4{
	font-size: .20rem;
	color: #919191;
	text-align: center;
	margin: .28rem 0;
}
.app-concten:last-child{
	border-bottom: none;
}
.footer{
	width: 100%;
	height: 1.48rem;
	background: #222221;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.b_logo{
	width: 1.79rem;
	height: .46rem;
	margin: .18rem 0;
}
.copy{
	color: #4E4E4E;
	font-size: .20rem;
}

@keyframes zooms
{
	0% {
		-webkit-transform: scale(0.65,0.65);
		-moz-transform: scale(0.65,0.65);
		transform: scale(0.65,0.65);
	}
	50% {
		-webkit-transform: scale(0.8,0.8);
		-moz-transform: scale(0.8,0.8);
		transform: scale(0.8,0.8);
	}
	100% {
		-webkit-transform: scale(0.65,0.65);
		-moz-transform: scale(0.65,0.65);
		transform: scale(0.65,0.65);
	}
}
